import { type RouteComponent } from 'vue-router'

export type Route = {
  id?: number
  path: string
  title?: string
  children?: Route[]
  component?: RouteComponent
}

export const routes: Route[] = [
  {
    id: 1,
    path: '/basic',
    title: '基本使用',
    children: [
      { id: 11, path: '/basic/scene', title: '基础场景' },
      {
        id: 12,
        path: '/basic/geometry',
        title: '几何体',
        children: [
          { id: 121, path: '/basic/geometry/builtin', title: '内置几何体' },
          { id: 122, path: '/basic/geometry/custom', title: '自定义几何体' }
        ]
      },
      { id: 13, path: '/basic/material', title: '材质' },
      { id: 14, path: '/basic/light', title: '光源' },
      { id: 15, path: '/basic/texture', title: '纹理' },
      { id: 16, path: '/basic/animation', title: '动画' },
      { id: 17, path: '/basic/interact', title: '交互' },
      { id: 18, path: '/basic/physics', title: '物理' },
      { id: 19, path: '/basic/postprocessing', title: '后期处理' }
    ]
  },
  {
    id: 2,
    path: '/particle',
    title: '粒子',
    children: [
      { id: 21, path: '/particle/rain', title: '粒子 rain' },
      { id: 22, path: '/particle/snow', title: '粒子 snow' }
    ]
  },
  {
    id: 3,
    path: '/model',
    title: '模型',
    children: [
      { id: 31, path: '/model/obj', title: '模型 obj' },
      { id: 32, path: '/model/gltf', title: '模型 gltf' }
    ]
  },
  {
    id: 4,
    path: '/shader',
    title: '着色器',
    children: [{ id: 41, path: '/shader/basic', title: '着色器 basic' }]
  }
]
